<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/bootstrap.css" />
    <script src="js/jquery-3.5.1.slim.min.js"></script>
    <script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <link rel="stylesheet" href="./css/zhuye.css">
    <title>Document</title>
</head>
<body>
    <!--导航栏-->
		<nav class="navbar navbar-expand-sm  navbar-dark  bg-dark">
		<div class="container-sm">
			<a href="#" class="navbar-brand"><img src="./images/th.jpg" class="loog">网易云音乐</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#a1"
				aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>

			<div class="collapse navbar-collapse " id="a1">
				<ul class="nav  nn ">
					<li class="nav-item   ">
						<a href="index.html" class="nav-link ">发现音乐</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" >唱片订单</a>
					</li>
					<li class="nav-item">
						<a  class="nav-link">关注</a>
					</li>
					<li class="nav-item">
						<a  class="nav-link">商城</a>
					</li>
					<li class="nav-item">
						<a  class="nav-link">音乐人</a>
					</li>
					<li class="nav-item">
						<a  class="nav-link">推荐音乐</a>
					</li>
					<li class="nav-item">
						<a class="nav-link">下载客户端</a>
					</li>
				</ul>
				<form action="#" class="form-inline ml-auto">
					<!-- <span><img src="./images/屏幕截图 2024-06-12 222005.png" alt="" class="fda"></span> -->
					<input type="search" placeholder="音乐/视频/电台/用户"
						class="   bg-white   form-control    rounded-radius  bj" aria-label="Search" />

					
					<span class=" ml-2"><a class="text-white" target="_blank"><img src="./images/s2.jpg" class="loog"><a  href="register.html" class="wl1 text-white pl-1">登录</a></a></span>
				</form>
			</div>
		</div>
	</nav>
        <!-- 购物车 -->
        <div id="cont">
          <h2  class="text-center">唱片订单</h2>
          <div id="check">

            <input type="text" id="nam" placeholder="输入书名">
            <button onclick="checkByName()">查询</button>
           
        </div>
            <table class="style-table ">
              <thead>
                <tr>
                  <th>唱片</th>
                  <th>数量</th>
                  <th>价格</th>
                  <th>总价</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody  class="trr">
                <tr>
                  <td class="n">他不懂</td>
                  <td>50</td>
                  <td>￥38</td>
                  <td>1900</td>
                  <td>
                    <input
                      type="button"
                      name=""
                      id=""
                      value="修改数量"
                      onclick="changeOper(this)"
                    />
                    <input
                      type="button"
                      name=""
                      id=""
                      value="删除物品"
                      onclick="delectOper(this)"
                    />
                  </td>
                </tr>
                <tr align="center">
                  <td class="n">活着</td>
                  <td>28</td>
                  <td>￥45</td>
                  <td>1260</td>
                  <td>
                    <input
                      type="button"
                      name=""
                      id=""
                      value="修改数量"
                      onclick="changeOper(this)"
                    />
                    <input
                      type="button"
                      name=""
                      id=""
                      value="删除物品"
                      onclick="delectOper(this)"
                    />
                  </td>
                </tr>
                <tr align="center">
                  <td class="n">偏爱</td>
                  <td>15</td>
                  <td>￥35</td>
                  <td>525</td>
                  <td>
                    <input
                      type="button"
                      name=""
                      id=""
                      value="修改数量"
                      onclick="changeOper(this)"/>
                    <input
                      type="button"
                      name=""
                      id=""
                      value="删除物品"
                      onclick="delectOper(this)"
                    />
                  </td>
                </tr>
              </tbody>
            </table>
            <div class="add">
              <h3>添加订单</h3>
              <h6>
                歌名：<input
                  type="text"
                  name=""
                  id="bookName"
                  placeholder="请输入歌名"
                />
              </h6>
              <h6>
                数量：<input type="text" name="" id="num" class="inputNum" />
                单价：<input type="text" name="" id="price" class="inputNum" />
              </h6>
              <button id="addBtn">增加订单</button>
            </div>
          </div>
          
          <script src="js/dd.js"></script>
          
</body>
</html>